<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
    //History
    //可以用来操作浏览器向前或向后翻页
    //console.log(history);

    //length属性表示访问的url数量

    window.onload=function()
    {
        var btn=document.getElementById("btn");
        btn.onclick=function()
        {
            //history.back()跳转到上一个页面
            //效果跟浏览器回退功能一样

            //history.forward();跳转到下一个页面
            //效果跟浏览器前进功能一样

            //go()跳转到指定页面
            //需要一个整数作为参数
            //正数表示向前跳转，负数表示向后跳转
            //数字大小表示跳转几页
        };
    };
    </script>
</head>
<body>
    <button id="btn">按钮一</button>
    <h1>History</h1>
</body>
</html>